*{padding: 0px;margin: 0px;}
*, ::before, ::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a{color: #fff;text-decoration:none;}
.top{height: 50px;line-height: 50px;background: #3a3f41;color: #fff;}
.top .logo{float: left;padding: 0px 20px;}
.top .menu{float: left;}
.top .menu .menu-list{list-style-type: none;}
.top .menu .menu-list li{float: left;padding: 0px 15px;}
.top .menu .menu-list li::before{content: "";display: inline-block;height: 16px;border-left: solid 1px #fff;position: relative;background: #fff;top: 2px;margin-right: 15px;}
.top .user{float: right;}
.top .user .user-info{list-style-type: none;float: left;}
.top .user .user-info li{float: left;padding: 0px 15px;}
.top .user .logout{float: right;padding: 0px 20px;}

.content{position: absolute;top: 50px;bottom: 0px;width: 100%;}
.left{width: 200px;background: #333744;height: 100%;font-size: 14px;float: left;}
.left .menu{}
.left .menu .sold{height: 40px;}
.left .menu .sold-list{display: table;height: 100%;width: 100%;}
.left .menu .sold-list li{background: #4a5064;color: #fff;display: table-cell;text-align: center;vertical-align: middle;cursor: pointer;}
.left .menu .menu-context{}
.left .menu .menu-item{}
.left .menu .menu-title{padding: 10px 0px;background: #42485b;display: block;color: #fff;word-break: keep-all;white-space: nowrap;height: 44px;}
.left .menu .menu-title:hover{background: #00c1de;cursor: pointer;}
.left .menu .menu-title::before{content: "";display: inline-block;height: 14px;width:14px;background: url("../img/icon-00000.png"); background-size: 14px;margin: 0px 13px;}
.left .menu .menu-title .menu-down{display: inline-block;height: 10px;width: 10px;background: url(../img/down.png);background-size: 10px;left: 27px;position: relative;top: -3px;}
.left .menu .menu-text{width: 110px;display: inline-block;overflow: hidden;}
.left .menu .menu-list{}
.left .menu .menu-list li{padding: 10px 0px 10px 40px;background: #333744;color: #fff;display: block;word-break: keep-all;overflow: hidden;cursor: pointer;}
.left .menu .menu-list li:hover{background: #4a5064;}
.left .menu .menu-list li.active{background: #00c1de;}

.close .left{position: absolute;z-index: 1;}
.close .left .menu-list{display: none;}
.close .left .menu-item .menu-text{display: none;}
.close .left .menu-item .menu-down{display: none;}

.close .left .menu-item:hover{width: 200px;}
.close .left .menu-item:hover .menu-text{display: inline-block;}
.close .left .menu-item:hover .menu-down{display: inline-block;}
.close .left .menu-item:hover .menu-list{display: block}

.close .context{left: 40px;position: absolute;right: 0px;}

.context{display: block;height: 100%;font-size: 12px;background: #f0f0f0;}
.context .nav{background: #42485b;color: #fff;display: flex;font-size: 14px;}
.context .nav .nav-list{display: inline-block;}
.context .nav .nav-list  li{list-style-type: none;float: left;padding: 0px 20px;line-height: 40px;cursor: pointer;}
.context .nav .nav-list  li::after{content: "";display: inline-block;height: 12px;width: 12px;background: url(../img/right.png);background-size: 12px;left: 20px;top:2px;position: relative;}



.content .info{margin: 20px 0px 0px 0px;background: #fff;border-radius: 5px;padding: 23px;display: inline-block;width: 100%;}
.content .info-full{padding: 0px;}
.content .info .info-row{}
.content .info .info-group{width: 25%;display: inline-block;float: left;}
.content .info .info-title{font-size: 14px;}
.content .info .info-view{font-size: 14px;}

.stat{}
.stat .stat-top{line-height: 4;text-indent: 20px;}
.stat .stat-top .stat-title{font-size: 16px;}
.stat .stat-content{margin: 15px 0px;}
.stat .stat-content .stat-row{width: 100%;display: inline-block}
.stat .stat-content .stat-group{float: left;width: 16.66%;text-indent: 20px;line-height: 2;margin: 0px 0px 20px 0px;}
.stat .stat-content .stat-group-title{}
.stat .stat-content .stat-group-count{font-size: 30px;}
.stat .stat-content .stat-group-day{}
.stat .stat-content .stat-group-day label{}
.stat .stat-content .stat-group-day span{}

.eval{display: inline-block;min-height: 200px;}
.eval .eval-list{}
.eval .eval-item{float: left;margin: 20px;border: solid 1px #f0f0f0;border-radius: 5px;display: inline-block;}
.eval .eval-state{}
.eval .eval-img{width: 200px;height: 270px;border-radius: 5px;display: block;}
.eval .eval-desc{position: absolute;color: #fff;width: 200px;z-index: 2;margin-top: -164px;padding-top: 40px ;border-radius: 5px;}
.eval .eval-desc-title{padding: 0px 15px;line-height: 2;word-break: keep-all;font-size: 14px;}
.eval .eval-desc-text{padding: 0px 15px;line-height: 2;}
.eval .eval-desc-text label{width: 58px;display: inline-block;}

.text-gra{background: -moz-linear-gradient(bottom,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(bottom,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 100%);background: linear-gradient(to top,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 100%);}
